<template>
  <Error>
    <fieldset>
    <legend>APP组件</legend>
    <!-- <customDirevtive></customDirevtive> -->
    <!-- <setup :num="num">
      <h1>一个插槽</h1>
    </setup> -->
    <!-- <refCom></refCom> -->
    <!-- <recativeCom></recativeCom> -->
    <!-- <methodsCom></methodsCom> -->
    <!-- <goods></goods> -->
    <!-- <defineApi></defineApi> -->
    <!-- <computedCom></computedCom> -->
    <!-- <watchCom :testVal="testVal" :testVal2="testVal2"></watchCom> -->
    <!-- <todolist></todolist> -->
    <!-- <watchEffectCom></watchEffectCom> -->
    <watchEffectExam></watchEffectExam>
  </fieldset>
  </Error>
</template>

<script setup>
// import customDirevtive from "./components/CustomDirective.vue"
// import setup from "./components/setup.vue"
// import refCom from "./components/ref.vue"
// import recativeCom from "./components/recative.vue";
// import methodsCom from "./components/methods.vue"
// import goods from "./components/goods.vue"
// import defineApi from "./components/defineApi/index.vue"
// import computedCom from "./components/computed.vue"
// import Error from "./components/Error.vue"
// import watchCom from "./components/watchCom.vue"
import {ref} from "vue"
// import watchEffectCom from "./components/watchEffect.vue"
// import todolist from "./components/todolist/index.vue"
import watchEffectExam from "./components/watchEffect失败函数的应用.vue"
// let testVal = ref('德国')
// let testVal2 = ref('日本')
</script>
